<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
			<ul>
				<li>内联样式  权重值1000</li>
				<li>ID选择器  100</li>
				<li>类/伪类选择器/属性选择器 10</li>
				<li>标签/类型选择器  1</li>
				<li>* > + 选择器 权重值0</li>
				<li>当出现多个选择器时，权重值 相加</li>
			</ul>
			
			<p>伪类选择器 a:link a:visited a:hover a:active </p>
			<p>
				<a class="a-link" href="http://www.baidu.com">我是超链接 a:link = black</a>
			</p>
			
			<style type="text/css">
				/* :link :visited :hover :active 必须按照顺序编写 */
				
				.a-link:link { /* 超链接的默认样式 */
					color: deeppink;
				}
				.a-link:visited { /* 超链接被访问过后的样式 */
					color: black;
				}
				.a-link:hover { /* 超链接鼠标划上去之后的样式 */
					color: #FF0000;
				}
				.a-link:active { /* 超链接被鼠标点击时样式 */
					color: #008000;
				}
				
				/*.a-link {
					color : black;
				}
				
				.a-link:hover {
					font-size: 30px;
				}*/
			</style>
	</body>
</html>